<template>
	<div id='coupon' @click='clickEv'>
		<span style='font-size:17px;'>{{title}}</span>
		<span class='money'>
			<span>{{font}}</span>
		</span>
		<span class='fa fa-angle-right icon-right'></span>
	</div>
</template>

<script>
	export default {
		props:['font','title'],
		methods:{
			clickEv(){
				this.$emit('clickEv');
			}
		}
	}
</script>

<style scoped>
	#coupon{
		position: relative;
		height:60px;
		background: white;
		text-indent:18px;
		line-height: 60px;
		border-bottom: 1px solid #efefef;
	}
	.money{
		position: absolute;
		right: 35px;
		font-size:13px;
		color:#9d9d9d;
	}
	.icon-right{
		position: absolute;
		top:19px;
		right: 15px;
		font-size:20px;
		color:#999;
	}
</style>